@media (min-width: 1200px){
    .container {
        max-width: 1200px !important;
    }
}

@media (max-width: 768px){
    //------------------------------------- common ---------------------------------//
    h1{
        letter-spacing: 0px !important;
        font-size:32px !important;
    }
    h2{
        font-size:24px !important;
    }
    h3{
        font-size:16px !important;
    }
    .pdTop{
        padding-top:50px !important;
    }
    .pdBot{
        padding-bottom:50px !important;
    }
    .swiper{
        .gallery-top{
            &.padding{
                padding:0px !important;
            }
        }
        .gallery-thumbs{
            display: none;
        }
    }

    // 导航
    .header{
        .navbar{
            padding: 0px !important;
            background: rgba(0,0,0,.5) !important;
            .navbar-brand{
                margin: 5px 0px 5px 15px !important;
            }
            .navbar-nav{
                .nav-item{
                    .nav-link{
                        padding-left:15px !important;
                        padding-right:0 !important;
                    }
                }
            }
            .navbar-toggler{
                margin: 5px 15px 5px 0px !important;
            }
            .navbar-collapse{
                border-top: 1px solid rgba(255,255,255,.1);
            }
            .dropdown-menu{
                left:0 !important;
                right:0 !important;
                transform:translate(0,0) !important;
                border: 0 none !important;
                background: transparent !important;
                &:before{
                    display: none;
                }
                .dropdown-item{
                    color:#fff !important;
                    text-align: left !important;
                }
            }
        }
    }

    //底部
    .footer{
        .footer-about{
            width:33.3% !important;
        }
        .footer-contact{
            width:66.7% !important;
        }
    }

    //------------------------------------- 首页 ---------------------------------//
    .home{
        // 轮播图
        .carousel{
            .img-fluid{
                &.pc{
                    display: none !important;
                }
                &.mobile{
                    display: block !important;
                }
            }
            .container{
                .text{
                    width:100% !important;
                    .info{
                        .btn{
                            width:120px;
                            font-size: 14px !important;
                        }
                    }
                }
            }
        }
        // 公告
        .notice{
            position: initial !important;
            background: #ddd;
        }
        // 愿景
        .version{
            .imgs{
                width: 100% !important;
            }
        }
        // 技术特点
        .character{
            .char-item{
                height: auto !important;
                text-align: left !important;
                padding-top: 0px !important;
                padding-left: 0px !important;
                padding-right: 0px !important;
                margin-bottom: 0px !important;
                background:0 none !important;
            }
            .char-decoration{
                height:320px !important;
            }
        }
        // 项目价值
        .value{
            .value-list{
                width:50% !important;
            }
        }
        // 发展路线
        .roadmap{
            .road{
                overflow-x: scroll;
                .items{
                    width:750px !important;
                }
            }
        }
        // 战略合作
        .partner{
            a{
                .desc{
                    margin: 25px auto !important;
                }
            }
            .swiper-button-prev{
                left: 0;
                top: 15%;
            }
            .swiper-button-next{
                right: 0;
                top: 15%;
            }
        }
    }

    //------------------------------------- 新闻 ---------------------------------//
    .news{
        .banner{
            .inner{
                .left{
                    left: 50% !important;
                    transform: translate(-50%,-20%) !important;
                }
                .right{
                    img{
                        height:auto !important;
                    }
                }
            }
            .inner-right{
                position: absolute !important;
                top: 0 !important;
                left: 50% !important;
                transform: translateX(-50%) !important;
            }
        }
        .tabs{
            .card-header{
                .nav-link{
                    padding:0 7px !important;
                    font-size:16px !important;
                }
            }
            .tab-content{
                .list{
                    min-height: auto !important;
                }
            }
        }
    }

    //------------------------------------- 详情 ---------------------------------//
    .detail{
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        .card{
            padding: 0 10px !important;
        }
    }

    //------------------------------------- 钱包 ---------------------------------//
    .wallet{
        .banner{
            height:220px !important;
        }
        .section{
            .title{
                font-size:40px !important;
                .subtitle{
                    font-size: 16px !important;
                }
            }
        }
        .top{
            img{
                top:0 !important;
            }
            .download{
                font-size: 16px !important;
                width: 135px !important;
                height: 35px !important;
                line-height: 35px !important;
            }
        }
        .function{
            margin: 0 !important;
            .list{
                width:33.333% !important;
            }
            .imgs{
                img{
                    &:first-child{
                        top:0 !important;
                        transform: translateY(0%) !important;
                        position: inherit !important;
                    }
                }
            }
        }
    }
}